import Vue from 'vue'
import App from './App.vue'
import router from './router'
import 'font-awesome/css/font-awesome.min.css'  // 引入字体图标

// 按需引入 elementUI 的组件
// import '../plugins/element.js'   // 引入组件
// import { Button, Select } from 'element-ui';
// Vue.use(Button)
// Vue.use(Select)

/* 全局引入 elementUI 样式 */
import ElementUI  from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

// 可以设置为 small 样式
Vue.use(ElementUI, { size: 'small', zIndex: 3000 })


// 引入 axios
// import axios from 'axios'   
// Vue.prototype.axios = axios   // 挂载到原型,可以在全局使用

// 引入 service
import service from './api/service'
Vue.prototype.service = service // 挂载到原型,可以在全局使用

Vue.config.productionTip = false

// 引入 echarts 5版本需要使用下面的引入方式
import * as echarts from "echarts"
Vue.prototype.$echarts = echarts;

// 路由导航守卫
router.beforeEach((to, from, next) => {
  if (!localStorage.getItem('username')) {
    if (to.path !== '/login') {
      next('/login')
    } else next()
  } next()
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')





